/*
 * @Author: yehongbo 1394168736@qq.com
 * @Date: 2024-06-04 19:44:47
 * @LastEditors: yehongbo 1394168736@qq.com
 * @LastEditTime: 2024-06-04 20:08:48
 * @FilePath: \myWorkspace\react-basic\src\components\fuandzi\parent.jsx
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
// 函数组件
import { useState } from 'react'
import Child1 from './child1.jsx'
import Child2 from './child2.jsx'

export default function parent() {
    const [msg, setMsg] = useState('')

    const change = (cb) => {

        setMsg(cb)
    }

    return (
        <div>
            <Child1 cb={change}></Child1>
            {/* <button onClick={() => add()}>{count}</button> */}
            <Child2 msg={msg}></Child2>
        </div>
    )
}
// 类组件
// import { Component } from 'react'
// import Child1 from './child1.jsx'
// import Child2 from './child2.jsx'

// export default class parent extends Component {

//     state = { // 这样写相当于在constructor中写this.state
//         msg: ''
//     }
//     setmsg = (cb) => {
//         this.setState({ msg: cb })
//     }


//     render() {
//         return (
//             <div>
//                 <Child1 cb={this.setmsg}></Child1>
//                 <Child2 msg={this.state.msg}></Child2>
//             </div>
//         )
//     }
// }